<script setup>
import BannerList from "@/components/banner/BannerList.vue";
import HomeMenu from "./components/HomeMenu.vue";
import HomeNew from "./components/HomeNew.vue";
import HomeHot from "./components/HomeHot.vue";
import HomeProduct from "./components/HomeProduct.vue";
</script>

<template>
  <div class="home-index">
    <!-- 轮播图 -->
    <div class="banner-menu">
      <HomeMenu/>
      <BannerList/>
    </div>

    <!-- 新鲜好物 -->
    <HomeNew/>

    <!-- 人气推荐 -->
    <HomeHot/>

    <!-- 所有分类-->
    <HomeProduct/>

  </div>
</template>

<style scoped lang="scss">
.home-index {
  display: flex;
  flex-direction: column;
  max-width: 1240px;
  background-color: #f8f8f8;
  margin: 0 auto;

  .banner-menu {
    //width: 100%;
    height: 500px;
    position: relative;
  }
}

</style>